/* CSS Document */
@import url("link.css");
@import url("form.css");

body{ margin: 0px; padding: 0px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #656565; background-color: 000; text-align: center; /*background-image: url("../image/bg_soldier.jpg");*/ background-position: -50px 120px; background-repeat:inherit;}

h2{margin: 0px 0px 10px 0px; padding: 0px; font-size: 1.8em;}
h3{ margin: 0px 0px 15px 0px; padding: 0px; color: #FFFFFF;}
h1, h4, h5{ margin: 0px; padding: 0px; color: #990000; font-weight: bold;}
p{ margin: 0px; font-size: 0.95em; line-height: 1.2; text-align: justify;}

.font_red{ font-size: 2em; color: ED1C24;}
.font_gray{ font-size: 1.3em; font-weight: bold;}
.title{ color: ED1C24;}

a:link, a:visited{ color: #BCB691; font-size: 0.85em; font-weight: bold; text-decoration: none;}
a:hover{ color: #ED1C24; text-decoration: underline;}

.back{ background: url("../image/arrow_back.gif") no-repeat; background-position: center left; padding-left: 8px; float: right;}


#wrapper{ margin: 0px auto; padding: 0px; width: 1000px;}
#header{ position: relative; height: 195px;}
#container{ margin-bottom: 20px; position: relative;}
#primary{ margin-right: 251px; width: 749px; background-color: #171717; border: 1px solid #333; z-index: 10;} 
#secondary{ width:238px; position: absolute; top: -26px; margin-left: 762px;}
#footer{ margin: 0px; padding: 10px 0px; height: 30px; FONT-SIZE: 0.85em; text-align: left; clear: both; }


/*
	----------------------------------------------------------------------------------------------------------	---------
	Header Styles
	-------------------------------------------------------------------------------------------------------------------
*/
#logo{ margin: 0px; padding: 0px; width: 180px; height: 175px; position: absolute; top: 0px; left: 410px;}/**/
#openning{ margin: 120px auto;}
#home{ position: absolute; margin: 10px 10px 0px 0px; top: 0px; right: -10px; display: block;}

/*
	-------------------------------------------------------------------------------------------------------------------
	Secondary Styles
	-------------------------------------------------------------------------------------------------------------------
*/
#ad{ margin-top: -98px; margin-bottom: 15px; float: right; padding: 0px; width: 730px; }


/* ----------------------------------------------------------------------------------------------------------  NEWS update */
#newsRelease{ margin: 0px 0px 20px 0px; padding: 0px; width: 100%;}
#newsRelease .box{ margin: 0px 0px 10px 0px; padding: 5px 0px 15px 0px; height: 100%; background-color: #000; border-left: 3px solid #1D1D1D; border-right: 3px solid #1D1D1D; border-bottom: 3px solid #1D1D1D;}
#newsRelease .box .list, #list{ margin: 0px 10px; padding: 0px; text-align: left; width: 92%;}
#newsRelease .box .list ul, #list ul{ list-style: none;}
#newsRelease .box .list li, #list li{ padding: 0px 0px 0px 15px; font-size: 1.1em; background: url(../image/arrow.gif) left top no-repeat; list-style: none;}
#newsRelease .box .list li a, #list li a{ color: #FFF; font-size: 0.85em; text-decoration: none; font-weight: bold;}
#newsRelease .box .list li a:visited, #list li a:visited{ color: #FFF; text-decoration: none;}
#newsRelease .box .list li a:hover, #list a:hover{ color: #ED1C24; text-decoration: underline;}
#newsRelease .date, #list .date{ margin-top: 5px; margin-left: 8px; font-size: 0.85em; color: #ED1C24;}
#newsRelease p{ margin-top: 4px; color: #808080; font-size: 0.85em; width: 180px; }
#newsRelease img{ margin: 5px 0px 0px 0px; border: 1px thin #ccc;}
#newsRelease .line{ margin: 18px 0px; background-image:url(../image/line.gif); height: 1px; overflow: hidden; width: 100%; clear: both;}




/*
	----------------------------------------------------------------------------------------------------------	---------
	Primary Styles
	-------------------------------------------------------------------------------------------------------------------
*/
#coverBox{ padding: 10px; background-color: #000;}
#coverBox img{ margin: 0px; padding: 0px;}
#coverBox .content{ margin: 0px; padding: 15px 0px 0px 0px;}




/* ----------------------------------------------------------------------------------------------------------  版權宣告*/ 

#footer a, #footer a:visited{ color: #BCB691; text-decoration: underline; font-weight: bold;}
#footer a:hover{ color: #FFF;} 


/*
	-------------------------------------------------------------------------------------------------------------------
	Link Styles
	-------------------------------------------------------------------------------------------------------------------
*/


.imageL{ float: left; margin-right: 20px; border: 1px solid #fff;}
.detail{ margin: 0px; padding: 0px; float: left; width: 450px;}

*html .innertube{height:1%;}
.innertube{ margin: 0px; padding: 40px 35px;/*Margins for inner DIV inside each column (to provide padding)*/text-align: left; overflow: auto;} 


.hidden{ text-indent: -5000px;}
.line{ margin: 10px 0px; background-image:url(../image/line.gif); height: 1px; overflow: hidden; width: 100%; clear: both;}

.block{ margin: 8px 0px; padding: 0px; display: block;  height: 4px; background-color: #E3E3E3; clear: both;}
.mark{ margin-right: 8px; padding: 3px 2px 0px 2px; width: 50px; background-color:#929292; color:#FFF; font-size:smaller; text-align:center;}

/* 頁碼 */
.pagination{ margin-top: 50px; text-align: center; clear: both;}
.pagination a.prevnext{ margin-top: 40px; padding: 0px; top: 110px; left: 800px; text-align: center;}
.pagination ul{ margin: 0; padding: 0; font-size: 0.9em;}
.pagination li{ list-style-type: none; display: inline; padding-bottom: 1px;}
.pagination a, .pagination a:visited{ padding: 0 5px; border: 1px solid #333; text-decoration: none; color: #FFF;}
.pagination a:hover, .pagination a:active{border: 1px solid #383838; color: #FFF; background-color: #383838;}
.pagination a.currentpage{ background-color: #CC0000; color: #FFF !important; border-color: #990000; font-weight: bold; cursor: default;}
.pagination a.disablelink, .pagination a.disablelink:hover{ background-color: 000; cursor: default; color: #929292; border-color: #333; font-weight: normal !important;}
.pagination a.prevnext{ font-weight: bold;}
  




/*
	-------------------------------------------------------------------------------------------------------------------
	Products Styles
	-------------------------------------------------------------------------------------------------------------------
*/

/* 產品_Martkers */
#productList{ margin: 0px; padding: 0px; overflow: auto; clear: both;}
#productList .image{ float: left; margin-right: 15px; padding: 1px; border: 1px solid #fff;}
#productList  img{ border: 0px;}
#productList .details{ margin: 0px; padding: 0px; float: left; width: 340px;}


/* 產品_Accessories */
#productlist .Box{ margin: 5px 6px; padding: 0px; float: left;}
#productList .Box ul{ margin: 0px; padding: 0px; list-style: none;}
#productList .Box li{ float: left; margin: 5px 6px 5px 0px; padding: 0px;}
#productList .Box img{ margin-bottom: 5px; padding: 1px; background-color: #555; border: 1px solid #fff;}

/* 產品_Details */
.subTitleBox{ margin: 15px 0px; border: 1px solid #FFF; background-image: url(../image/bg.jpg); background-repeat: repeat-x; height: 26px; position: relative; width: 677px;}
.tip{ margin: 0px 0px 10px 0px; padding: 0px 20px; border-left: 1px solid #fff; background-color: 84251F; color: #000; font-weight: bold; position: absolute; top: 0px; right: 0px;}

#AccessoriesBox{ width: 677px;}
#AccessoriesBox #Title{ margin: 10px 0px 10px 0px; padding: 3px 0px 3px 10px; border: 1px solid #292929; background-color: #000; clear: both;}
#AccessoriesBox #inner{ margin: 15px 0px 0px 0px; padding: 0px; overflow: auto; background-color: #FFCC00;}
*html #AccessoriesBox .Content{height:1%;}
#AccessoriesBox .Content{ padding: 5px 0px 15px 0px; clear: both; overflow: auto; overflow: /**/hidden;}
#AccessoriesBox .Content .item{ margin: 5px 5px 0px 0px; padding: 0px; float: left;}
#AccessoriesBox .Content p{ font-weight: normal;}


#productDetail{ width: 677px; padding-bottom: 15px;}
#productDetail img{ border: 1px solid #fff; padding: 0px;}
#productDetail .inner{ margin: 15px 0px 0px 0px; padding: 0px; width: 677px; heght: 200px; overflow: auto; background-image: url("../image/line_ver.gif");   bbackground-repeat: repeat-y; background-position: left; background-position: 155px 0;}
#productDetail .ColLeft{ float: left; width: 158px;}
#productDetail .ColLeft h2{ color: ED1C24;  font-size: 1.75em; font-weight: lighter; }
#productDetail .ColLeft .price{ color: ED1C24; font-size: 0.8em;}
#productDetail .ColLeft h4{ font-size: 1em; color: 656565;}

#productDetail .ColRight{ margin-bottom: 10px; float: left; padding-left: 11px; width: 505px;}
#productDetail .ColRight h2{ color: #FFFFFF; font-size: 1.75em;}
#productDetail .ColRight p{ font-weight: lighter;}


.line_1{ margin: 10px 0px 0px 0px; background-color: #333333; height: 3px; overflow: hidden; width: 100%; clear: both;}



/*
	-------------------------------------------------------------------------------------------------------------------
	AboutUs Styles
	-------------------------------------------------------------------------------------------------------------------
*/
.colBox{ margin-right: 18px; width: 210px; float: RIGHT;}
.colBox h4{ color: ED1C24;}

.title_Right{  margin-left: 219px; padding-bottom: 30px;}
.photoBox{ float: left; margin-top: -42px; margin-left: -5px;}


/*
	-------------------------------------------------------------------------------------------------------------------
	Media STYLE
	-------------------------------------------------------------------------------------------------------------------
*/

/*  --  Independent Review Style  -- */

#mediaIndependentRevies{ margin: 10px 0px 0px 0px; padding: 0px; }
#mediaIndependentRevies .Box{ margin: 3px 0px; padding: 15px; background-color: #000000; overflow: auto; overflow: /**/hidden; border: 1px solid #1F1F1F;}

#mediaIndependentRevies .Box .title{ margin-bottom: 10px; padding: 3px 3px 3px 8px; background-color: #333; clear: both;}
#mediaIndependentRevies .Box .title a{ font-size: 1.2em; font-weight: bold; color: #fff;}
#mediaIndependentRevies .Box .title a:hover{ color: #ED1C24;}

#mediaIndependentRevies .Box .title a{ font-size: 1.2em; font-weight: bold; color: #fff;}
#mediaIndependentRevies .Box .title a:hover{ color: #ED1C24;}
*html #mediaIndependentRevies .Content{height:1%;}
#mediaIndependentRevies .Content{ overflow: auto; overflow: /**/ hidden;}
#mediaIndependentRevies .Content .imgBox_L, .Con_imgBox_L{ margin-right: 15px; margin-bottom: 10px; float: left;}
#mediaIndependentRevies .Content .imgBox_R, .Con_imgBox_R{ margin-left: 15px; margin-bottom: 10px; float: right;}
#mediaIndependentRevies .Content img{ margin-right: 3px;}
#mediaIndependentRevies .Content .review a{ background: url("../image/arrow_next.gif") no-repeat; background-position: center right; padding-right: 8px; float: right;}

/*  --  Video Style  -- */

*html #videoBox{height: 375px;}
#videoBox { padding: 10px; background-color: #000; overflow: auto; overflow: /**/hidden;}
#videoBox .film{ float: left;}
#videoBox .videoDetail{ margin: 0px; width: 33%; float: right;}
#videoBox .videoDetail h2{ color: #fff; font-size: 1.75em;} 
#VideoDescription{ margin: 8px 0px 40px 0px; padding: 0px;}

#FilmDemo h3 { color: #BCB691; background: url("../image/double_arrow.gif") no-repeat; background-position: top left; padding-left: 16px;}
#FilmDemo #VideoList {width: 679px; height: 500px;}
#FilmDemo #VideoList .room { margin-bottom: 2px; margin-right: 1px; padding: 0px; width: 338px; height: 90px; float: left; background-color: 1F1F1F;}
#FilmDemo #VideoList .room h4 a { font-size: 0.75em; color: #ED1C24; /*background: url("../image/arrow.gif") no-repeat; background-position: top left; padding-left: 12px;*/ padding: 0; margin: 0px; }
#FilmDemo #VideoList .room h4 a:hover { color: #fff; }
#FilmDemo #VideoList .room .logo { float: left; text-align: center; width: 140px; margin: 0px; padding: 0px;}
#FilmDemo #VideoList .room .logo img{ border: 1px solid #999999; padding: 1px; background-color: #FFFFFF;}
#FilmDemo #VideoList .room .logo .inner { margin: 0px; padding: 10px 0px;}
#FilmDemo #VideoList .room .details { float: left; width: 198px; }
#FilmDemo #VideoList .room .details .inner { margin: 0px; padding: 10px 5px 0px 0px; overflow: hidden;}
#FilmDemo #VideoList .room .details p { margin-top: 6px; padding: 2px 0 0 0px; text-align: left; font-size: 0.85em;}






*html #VideoList{height: 1%;}
#VideoList { margin: 15px 0px;}
#VideoList ul{ margin: 0px 0px 0px 10px; padding: 0px; list-style: none;}
#VideoList li { float: left; width: 130px; margin: 5px 1px 0px 0px; padding: 5px; text-align: center; border: 1px solid #1F1F1F; background-color: #000000;}
#VideoList h4 span { color: #FFF;}
#VideoList h5 span { display: block; padding: 3px 0; font-weight: bold; font:-size: 0.75em;}
#VideoList h5 span a{ color: #ED1C24;}
#VideoList h5 span a:hover{ color: #fff;}

#VideoList dl { margin: 3px 0; text-align: center;}
#VideoList dt { text-align: center;}
#VideoList dd { padding: 2px 0; background-color: #FFFF00;}




/*
	-------------------------------------------------------------------------------------------------------------------
	Support STYLE
	-------------------------------------------------------------------------------------------------------------------
*/


#PartsDiagramsList, #InstructionManualList { width: 677px; }
#PartsDiagramsList ul, #InstructionManualList ul { list-style: url(../image/pdf.gif); background-position: top center; }
#PartsDiagramsList ul li, #InstructionManualList ul li { padding-left: 8px; font-weight: bold; color: #fff;}
#PartsDiagramsList ul li .font_gray, #InstructionManualList .font_gray{ padding: 0px 18px 0px 6px; color: #656565; font-weight: lighter; font-size: 0.75em;}
#PartsDiagramsList ul li a, #InstructionManualList ul li a{ color: #ED1C24; font-size: 1.0em; text-decoration: none; /*background-image: url("../image/pdf.gif") no-repeat; background-position: top left;*/ padding-left: 8px;}
#PartsDiagramsList ul li a:hover, #InstructionManualList ul li a:hover{ color: #fff; text-decoration: underline;}


/*
	-------------------------------------------------------------------------------------------------------------------
	Links STYLE
	-------------------------------------------------------------------------------------------------------------------
*/


#LinkBox h3 { color: #BCB691; background: url("../image/double_arrow.gif") no-repeat; background-position: top left; padding-left: 16px;}
#LinkBox #LinkList {width: 679px; height: 500px;}
#LinkBox #LinkList .room { margin-bottom: 2px; margin-right: 1px; padding: 0px; width: 338px; height: 90px; float: left; /*background-color: 1F1F1F;*/}
#LinkBox #LinkList .room h4 a { font-size: 0.75em; color: #ED1C24; /*background: url("../image/arrow.gif") no-repeat; background-position: top left; padding-left: 12px;*/ padding: 0; margin: 0px; }
#LinkBox #LinkList .room h4 a:hover { color: #fff; }
#LinkBox #LinkList .room .logo { float: left; text-align: center; width: 140px; margin: 0px; padding: 0px;}
#LinkBox #LinkList .room .logo img{ border: 1px solid #999999; padding: 1px; background-color: #FFFFFF;}
#LinkBox #LinkList .room .logo .inner { margin: 0px; padding: 10px 0px;}
#LinkBox #LinkList .room .details { float: left; width: 198px; }
#LinkBox #LinkList .room .details .inner { margin: 0px; padding: 10px 5px 0px 0px; overflow: hidden;}
#LinkBox #LinkList .room .details p { margin-top: 6px; padding: 2px 0 0 0px; text-align: left; font-size: 0.85em;}


/*
	-------------------------------------------------------------------------------------------------------------------
	Contact STYLE
	-------------------------------------------------------------------------------------------------------------------
*/

#contact form{ margin-left: 100px;}
#soldier{ position: absolute; top: 300px; left: 20px; z-index: 0;}